/** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .head_nav_met_76_2_1 h2,.head_nav_met_76_2_1 h1,.head_nav_met_76_2_1 p,.head_nav_met_76_2_1 ul,.head_nav_met_76_2_1 li { margin: 0; padding: 0; } .head_nav_met_76_2_1 ul li { list-style: none; } .head_nav_met_76_2_1 .text-center { text-align: center; } .head_nav_met_76_2_1 .transition, .head_nav_met_76_2_1 + .scroll-container .transition { transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; } .head_nav_met_76_2_1 .middle { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .head_nav_met_76_2_1 .full-img img { display: block; width: 100%; } .head_nav_met_76_2_1 .float-left { float: left; } .head_nav_met_76_2_1 .float-right { float: right; } .head_nav_met_76_2_1 { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #ffffff; background-color: ; background-image: url(); background-size: cover; background-position: center center; } .head_nav_met_76_2_1 .head-nav { height: 4.715rem; } .head_nav_met_76_2_1 .logo-wrap img { height: 100%; } .head_nav_met_76_2_1 .nav-link { font-size: 14px; color: #333333; color: ; } .head_nav_met_76_2_1 .nav-item.active .nav-link, .head_nav_met_76_2_1 .nav-link:hover { background-color: #d79f72; background-color: ; color: #ffffff; } .head_nav_met_76_2_1 .nav-item.active .nav-link.dropdown-toggle:after, .head_nav_met_76_2_1 .nav-link:hover.dropdown-toggle:after { border-top-color: #ffffff !important; } .head_nav_met_76_2_1 .nav-link:hover .arrow-icon { color: #ffffff; } /* 登录 &注册 */ .head_nav_met_76_2_1 .login-btn, .head_nav_met_76_2_1 .signin-btn { display: inline-block; margin-top: 18px; padding: 0 10px; border: 1px solid; font-size: 14px; line-height: 30px; } .head_nav_met_76_2_1 .login-btn { margin-right: 10px; background-color: transparent; border-color: #d79f72; border-color: ; color: #d79f72; color: ; } .head_nav_met_76_2_1 .signin-btn { background-color: #d79f72; background-color: ; border-color: #d79f72; border-color: ; color: #ffffff; } .head_nav_met_76_2_1 .login-btn:hover, .head_nav_met_76_2_1 .signin-btn:hover { background-color: #d79f72; background-color: ; border-color: #d79f72; border-color: ; color: #ffffff; } /* 登录注册 start */ .head_nav_met_76_2_1 .user-msg { position: relative; display: block; font-size: 14px; } .head_nav_met_76_2_1 .flag-icon { display: inline-block; width: 16px; vertical-align: middle; } .head_nav_met_76_2_1 .user-head { position: relative; display: inline-block; margin-right: 5px; width: 2.143rem; border-radius: 99px; vertical-align: middle; overflow: hidden; } .head_nav_met_76_2_1 .user-name { color: #333333; color: ; } .head_nav_met_76_2_1 .select-list { display: none; } .head_nav_met_76_2_1 .select-item { color: #333333; color: ; } .head_nav_met_76_2_1 .select-item.active, .head_nav_met_76_2_1 .select-item:hover { background-color: #d79f72; background-color: ; color: #ffffff; } /* 登录注册 end */ @media screen and ( min-width: 992px ) { .head_nav_met_76_2_1 .logo-wrap { margin-top: 3px; height: 60px; } .head_nav_met_76_2_1 .nav-list { float: right; font-size: 0; } .head_nav_met_76_2_1 .nav-item { position: relative; float: left; font-size: 0; } .head_nav_met_76_2_1 .mb-nav-item { display: none; } .head_nav_met_76_2_1 .nav-link { display: block; padding: 0 20px; line-height: 4.715rem; cursor: pointer; } .head_nav_met_76_2_1 .nav-link.dropdown-toggle:after { position: absolute; top: 34px; right: 20px; margin-right: -14px; } /* 登录注册 start */ .head_nav_met_76_2_1 .user-msg { padding: 0 20px; line-height: 4.715rem; } .head_nav_met_76_2_1 .dropdown-toggle:after { border-top-color: #333333; border-top-color: ; } .head_nav_met_76_2_1 .select-btn:hover + .select-list, .head_nav_met_76_2_1 .select-list:hover { display: block; } .head_nav_met_76_2_1 .select-list { position: absolute; z-index: 10; width: 100%; background-color: #ffffff; background-color: ; } .head_nav_met_76_2_1 .arrow-icon { display: none; } .head_nav_met_76_2_1 .select-list:before { position: absolute; display: block; content: " "; left: 50%; bottom: 100%; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid; border-bottom-color: #ffffff; border-bottom-color: ; } .head_nav_met_76_2_1 .select-item { width: 100%; height: 40px; line-height: 40px; position: relative; padding: 0 5px; box-sizing: border-box; display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .head_nav_met_76_2_1 .select-list .select-item:last-child { border-bottom: none; } /* 登录注册 end */ .head_nav_met_76_2_1 .lang-select .select-item { padding: 0 10px; text-align: left; } } @media screen and ( max-width: 991px ) { .head_nav_met_76_2_1 .pc-nav-item { display: none; } .head_nav_met_76_2_1 .nav-list { display: none; position: absolute; top: 4.715rem; left: 0; z-index: 1; padding-bottom: 10px; width: 100%; background-color: #ffffff; background-color: ; overflow: hidden; overflow: scroll; -webkit-overflow-scrolling: touch; } .head_nav_met_76_2_1 .nav-link, .head_nav_met_76_2_1 .login-box { padding: 0 .9375rem; line-height: 40px; } .head_nav_met_76_2_1 .menu-btn { position: relative; top: 26px; width: 20px; height: 16px; } .head_nav_met_76_2_1 .menu-btn:before, .head_nav_met_76_2_1 .menu-btn:after { position: absolute; left: 0; content: " "; transform-origin: left center; transition: all .2s; transform: rotate(0deg); -webkit-transform: rotate(0deg); } .head_nav_met_76_2_1 .menu-btn span, .head_nav_met_76_2_1 .menu-btn:before, .head_nav_met_76_2_1 .menu-btn:after { display: block; width: 100%; height: 2px; background-color: #333333; background-color: ; } .head_nav_met_76_2_1 .menu-btn:before { top: 0; } .head_nav_met_76_2_1 .menu-btn:after { bottom: 0; } .head_nav_met_76_2_1 .menu-btn.active span { opacity: 0; } .head_nav_met_76_2_1 .menu-btn.active:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .head_nav_met_76_2_1 .menu-btn.active:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .head_nav_met_76_2_1 .select-list .select-item { display: block; padding: 0 .9375rem; line-height: 40px; } .head_nav_met_76_2_1 .dropdown-toggle::after { opacity: 0; } .head_nav_met_76_2_1 .arrow-icon { line-height: 1; right: 0.9375rem; color: #333333; color: ; } .head_nav_met_76_2_1 .user-msg .arrow-icon i { transform: rotate(0deg); -webkit-transform: rotate(0deg); } .head_nav_met_76_2_1 .user-msg.active .arrow-icon i, .head_nav_met_76_2_1 .nav-item.active .arrow-icon i { transform: rotate(180deg); -webkit-transform: rotate(180deg); color: #ffffff; } /* 分页器 start */ .pagination-list { display: none; } /* 分页器 end */ } @media screen and ( min-width: 768px ) and ( max-width: 991px ) { .head_nav_met_76_2_1 .logo-wrap { margin-top: 8px; height: 50px; } .head_nav_met_76_2_1 .nav-link, .head_nav_met_76_2_1 .login-box { margin: 0 auto; max-width: 750px; } } @media screen and ( max-width: 767px ) { .head_nav_met_76_2_1 .logo-wrap { margin-top: 8px; height: 50px; } } /* 全屏滚动 */ .scroll-container { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; } .scroll-container .swiper-sub { height: 100%; } .swiper-sub .swiper-slide { margin: 0 !important; padding: 0 !important; } .swiper-sub .swiper-slide .container { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .pagination-list { position: absolute; z-index: 999; margin: 0; padding: 0; top: 50%; bottom: auto; left: 15px; width: 32px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); list-style: none; } .pagination-item { position: relative; display: block; padding: 5px; margin: 35px 7px 7px 7px; cursor: pointer; border: 1px dotted transparent; } .pagination-item span { display: block; width: 6px; height: 6px; border-radius: 0; background-color: #666666; background-color: ; position: static; margin: 0 auto; } .pagination-item span:before, .pagination-item:before, .pagination-item:after { content: ""; position: absolute; width: 2px; height: 2px; background-color: #666666; background-color: ; left: 50%; margin-left: -1px; } .pagination-item:before { top: -28px; } .pagination-item:after { top: -18px; } .pagination-item span:before { top: -8px } .pagination-list .pagination-item:first-child { margin-top: 0; } .pagination-list .pagination-item:first-child:before, .pagination-list .pagination-item:first-child:after, .pagination-list .pagination-item:first-child span:before { background-color: transparent; } .pagination-item.active { border-color: #d79f72; border-color: ; } .pagination-item.active span { background-color: #d79f72; background-color: ; } .banner_met_76_1_2 h2,.banner_met_76_1_2 h1,.banner_met_76_1_2 p,.banner_met_76_1_2 ul,.banner_met_76_1_2 li { margin: 0; padding: 0; } .banner_met_76_1_2 ul li { list-style: none; } .banner_met_76_1_2 .text-center { text-align: center; } .banner_met_76_1_2 .transition { transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; } .banner_met_76_1_2 .middle { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .banner_met_76_1_2 .full-img img { display: block; width: 100%; } .banner_met_76_1_2 .float-left { float: left; } .banner_met_76_1_2 .float-right { float: right; } .banner_met_76_1_2 img { object-fit: cover; } .banner_met_76_1_2 .page-container { position: relative; z-index: 1; } .banner_met_76_1_2 .page-container, .banner_met_76_1_2 .swiper-container, .banner_met_76_1_2 .swiper-wrapper, .banner_met_76_1_2 .swiper-slide { width: 100%; height: 100%; } .banner_met_76_1_2 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .banner_met_76_1_2 .swiper-button-prev { pointer-events: auto; cursor: pointer; left: 50px; } .banner_met_76_1_2 .swiper-button-next { pointer-events: auto; cursor: pointer; right: 50px; } .banner_met_76_1_2 .swiper-pagination-bullet-active { background-color: #d79f72; background-color: ; } /* 内页二级导航 */ .banner_met_76_1_2 .right-container:before { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: " "; background-color: #ffffff; background-color: ; background-image: url(../images/1560755112.jpg); overflow: hidden; } .banner_met_76_1_2 .right-container .menu-box { position: relative; z-index: 2; } .banner_met_76_1_2 .right-container .menu-box .title span { position: relative; display: block; font-family: Arial; color: #333333; color: ; } .banner_met_76_1_2 .right-container .menu-box .title span:after { position: absolute; content: ''; top: 50%; width: 60px; height: 1px; background-color: #333333; background-color: ; left: -80px; } .banner_met_76_1_2 .right-container .menu-box .title span i { font-style: normal; display: block; line-height: 1; color: #333333; color: ; text-transform: uppercase; } .banner_met_76_1_2 .right-container .menu-box .menu-li li a { color: #333333; color: ; } .banner_met_76_1_2 .right-container .menu-box .menu-li li a.active, .banner_met_76_1_2 .right-container .menu-box .menu-li li a:hover { font-weight: bold; color: #d79f72; color: ; } .banner_met_76_1_2 .right-container .menu-box .menu-li li em { font-style: normal; color: #d79f72; color: ; margin-left: 10px; } .banner_met_76_1_2 .right-container .menu-box .menu-li li a.active em { border-bottom: solid 2px; border-color: #d79f72; border-color: ; padding-bottom: 5px; } .banner_met_76_1_2 .banner-text{width:100%;height:100%;position:absolute;left:0;top:0;z-index:12;} .banner_met_76_1_2 .banner-text .container{height:100%;display:table;text-align:center;} .banner_met_76_1_2 .banner-text .container .banner-text-con{display:table-cell;vertical-align:middle;} .banner_met_76_1_2 .banner-text.p-0 .container{text-align:left;} .banner_met_76_1_2 .banner-text.p-0 .container .banner-text-con div{width:60%;float:left;} .banner_met_76_1_2 .banner-text.p-1 .container{text-align:right;} .banner_met_76_1_2 .banner-text.p-1 .container .banner-text-con div{width:60%;float:right;} .banner_met_76_1_2 .banner-text.p-2{top:10%;} .banner_met_76_1_2 .banner-text.p-2 .container .banner-text-con{vertical-align:top;} .banner_met_76_1_2 .banner-text.p-3{top:auto;bottom:10%;} .banner_met_76_1_2 .banner-text.p-3 .container .banner-text-con{vertical-align:bottom;} .banner_met_76_1_2 .banner-text.p-2 .container .banner-text-con div, .banner_met_76_1_2 .banner-text.p-3 .container .banner-text-con div, .banner_met_76_1_2 .banner-text.p-4 .container .banner-text-con div{width:60%;display:inline-block;} .banner_met_76_1_2 .banner-text h4, .banner_met_76_1_2 .banner-text p{color:#fff;} .banner_met_76_1_2 .banner-text h4{margin:0;font-size:30px;} .banner_met_76_1_2 .banner-text p{font-size:36px;margin:20px 0 0;text-shadow:none;} .banner_met_76_1_2 .banner-text .btn{margin-top:30px;font-size:20px;} @media screen and ( min-width: 992px ) { .banner_met_76_1_2 .nav-show .swiper-container { float: left; width: 65% !important; } .banner_met_76_1_2 .right-container { position: absolute; top: 0; right: 0; width: 35%; height: 100%; display: flex; display: -webkit-flex; flex-direction: column; } .banner_met_76_1_2 .right-container .menu-box { padding-left: 80px; margin-top: 10%; height: 85%; } .banner_met_76_1_2 .right-container .menu-box .title { height: 20%; } .banner_met_76_1_2 .right-container .menu-box .menu-li { height: 80%; overflow-y: auto; } .banner_met_76_1_2 .right-container .menu-box .menu-li li { padding-top: 40px; font-size: 16px; } .banner_met_76_1_2 .right-container .menu-box .title span { font-size: 30px; } .banner_met_76_1_2 .right-container .menu-box .title span i { font-size: 24px; } } @media screen and ( max-width: 992px ) { .banner_met_76_1_2 .banner-text h4{font-size:20px;} .banner_met_76_1_2 .banner-text p{font-size:30px;} } @media screen and ( min-width: 768px ) and ( max-width: 991px ) { .banner_met_76_1_2 .nav-show .swiper-container { margin: 0; width: 65% !important; } .banner_met_76_1_2 .right-container { position: absolute; top: 0; right: 0; width: 35%; height: 100%; display: flex; display: -webkit-flex; flex-direction: column; } .banner_met_76_1_2 .right-container .menu-box { display: flex; display: -webkit-flex; flex-direction: column; flex: 1; padding-left: 80px; margin-top: 40px; } .banner_met_76_1_2 .right-container .menu-box .menu-li li { padding-top: 40px; font-size: 16px; } .banner_met_76_1_2 .right-container .menu-box .menu-li { flex: 1; overflow: scroll; -webkit-overflow-scrolling: touch; } } @media screen and ( max-width: 767px ) { .banner_met_76_1_2 .right-container { padding-bottom: 20px; width: 100%; } .banner_met_76_1_2 .right-container .menu-box { padding-left: 20px; margin-top: 20px; } .banner_met_76_1_2 .right-container .menu-box .menu-li li { padding-top: 20px; font-size: 16px; } .banner_met_76_1_2 .right-container .menu-box .title span { font-size: 24px; } .banner_met_76_1_2 .right-container .menu-box .title span i { font-size: 18px; } .banner_met_76_1_2 .banner-text .container{width:100%;} .banner_met_76_1_2 .banner-text.p-4 .container .banner-text-con{width:100%;} .banner_met_76_1_2 .banner-text h4{font-size:18px;} .banner_met_76_1_2 .banner-text p{margin-top:15px;font-size:24px;} .banner_met_76_1_2 .banner-text .btn{margin-top:20px;font-size:16px;} } @media screen and (max-width: 479px) { .banner_met_76_1_2 .banner-text h4{font-size:16px;} .banner_met_76_1_2 .banner-text p{margin-top:10px;font-size:20px;} } .foot_nav_met_76_2_6 h2,.foot_nav_met_76_2_6 h1,.foot_nav_met_76_2_6 p,.foot_nav_met_76_2_6 ul,.foot_nav_met_76_2_6 li,.foot_nav_met_76_2_6 dl,.foot_nav_met_76_2_6 dd { margin: 0; padding: 0; } .foot_nav_met_76_2_6 ul li { list-style: none; } .foot_nav_met_76_2_6 .text-center { text-align: center; } .foot_nav_met_76_2_6 .transition { transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; } .foot_nav_met_76_2_6 .middle { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .foot_nav_met_76_2_6 .full-img img { display: block; width: 100%; } .foot_nav_met_76_2_6 .float-left { float: left; } .foot_nav_met_76_2_6 .float-right { float: right; } .foot_nav_met_76_2_6 { position: relative; width: 100%; height: auto !important; background-color: #ffffff; background-color: ; background-image: url(); background-size: cover; background-position: center center; } .foot_nav_met_76_2_6 .container { position: relative !important; top: 0 !important; transform: translateY(0) !important; -o-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -webkit-transform: translateY(0) !important; } .foot_nav_met_76_2_6 .container.top-con { padding-top: 40px; padding-bottom: 40px; } .foot_nav_met_76_2_6 .foot-nav-list .nav-item { padding-right: 10px; } .foot_nav_met_76_2_6 .foot-nav-list .nav-item .title { font-size: 15px; color: #333333; color: ; font-weight: normal; margin: 0 0 10px; } .foot_nav_met_76_2_6 .foot-nav-list .nav-item dl dd { padding: 5px 0; opacity: 0.7; white-space: nowrap; overflow: hidden; } .foot_nav_met_76_2_6 .foot-nav-list .nav-item a:hover { color: #d79f72; color: ; } .foot_nav_met_76_2_6 .foot-nav-list .nav-item dl dd:last-child { padding-bottom: 0; } .foot_nav_met_76_2_6 .foot-nav-list .nav-item a { cursor: pointer; display: inline-block; color: #666666; color: ; } .foot_nav_met_76_2_6 .code-img { padding-top: 5px; width: 87px; height: 87px; } .foot_nav_met_76_2_6 .tel-msg { margin-bottom: 0; font-weight: bold !important; line-height: 1.2; font-size: 22px !important; color: #666666; color: ; } .foot_nav_met_76_2_6 .time-text { color: #666666; color: ; } .foot_nav_met_76_2_6 .share { position: relative; } .foot_nav_met_76_2_6 .share .icon { padding: 5px; } .foot_nav_met_76_2_6 .share .icon:first-child:hover + .wechat-code, .foot_nav_met_76_2_6 .wechat-code:hover { display: block; } .foot_nav_met_76_2_6 .wechat-code { display: none; position: absolute; left: -38px; bottom: 100%; padding: 6px; width: 100px; background-color: #ffffff; background-color: ; box-shadow: 0 0 5px rgba(0, 0, 0, .4); } .foot_nav_met_76_2_6 .foot-msg { padding: 15px 0; background-color: #ffffff; background-color: ; } .foot_nav_met_76_2_6 .foot-msg, .foot_nav_met_76_2_6 .foot-msg a, .breadcrumb-item+.breadcrumb-item::before { color: #666666; color: ; } .foot_nav_met_76_2_6_bottom { display: none; } .foot_nav_met_76_2_6_bottom.iskeshi { display: block; } @media screen and ( min-width: 992px ) { .foot_nav_met_76_2_6 .foot-nav-list li { float: left; width: 12%; } .foot_nav_met_76_2_6 .contact-wrap { padding-right: 0 !important; width: 15% !important; } .foot_nav_met_76_2_6 .foot-msg .foot-left { float: left; } .foot_nav_met_76_2_6 .foot-msg .foot-right { float: right; text-align: right; } .nav-fixed, .close-btn2 { display: none; } .foot_nav_met_76_2_6 .link-title { float: left; } .foot_nav_met_76_2_6 .breadcrumb { float: left; } } @media screen and ( max-width: 991px ) { .foot_nav_met_76_2_6 .nav-hide { display: none; } .foot_nav_met_76_2_6 .nav-item { text-align: center; } .foot_nav_met_76_2_6 .code-img { margin: 0 auto; } .foot_nav_met_76_2_6 .contact-wrap { margin-top: 20px; } .foot_nav_met_76_2_6 .foot-msg { text-align: center; } .foot_nav_met_76_2_6 .breadcrumb { display: inline-block; } .foot_nav_met_76_2_6 .container.top-con { padding-top: 20px; padding-bottom: 20px; } .close-btn2 { position: absolute; top: 10%; right: 0%; padding: 5px 10px; background-color: #ffffff; background-color: ; border-top-left-radius: 2px; border-bottom-left-radius: 2px; color: #333333; color: ; text-align: center; } .close-btn2 span { display: inline-block; margin-left: 5px; font-size: 14px; } .nav-fixed { display: none; position: fixed; top: 0; right: 0; z-index: 9999; padding-left: 25%; box-sizing: border-box; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); } .close-btn { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 75%; padding: 15px 10px; background-color: #ffffff; background-color: ; border-top-left-radius: 2px; border-bottom-left-radius: 2px; color: #333333; color: ; } .nav-fixed .list-group { margin-bottom: 0; transform: translateX(75%); -webkit-transform: translateX(75%); transition: .2s; -webkit-transition: .2s; } .nav-fixed.active .list-group { transform: translateX(0); -webkit-transform: translateX(0); } .nav-fixed .list-group-item { border-radius: 0; } .list-one { width: 100%; height: 100%; background-color: #ffffff; background-color: ; overflow: scroll; -webkit-overflow-scrolling: touch; } .list-one .list-group-item { margin-bottom: 0; border: none; border-bottom: 1px solid; border-color: #f5f5f5; } .list-one .list-group-item.one-list { background-color: #ffffff; background-color: ; color: #333333; color: ; } .list-two .list-group-item { padding-left: 30px; background-color: #ffffff; background-color: ; color: #666666; color: ; } .foot_nav_met_76_2_6 .link-img.link-logo li:first-child { width: 100%; } .foot_nav_met_76_2_6 .link-title { display: inline-block; width: 100%; } .foot_nav_met_76_2_6 .breadcrumb { margin-top: 5px; max-width: 90%; overflow-y: hidden; } } @media screen and ( min-width: 768px ) and ( max-width: 991px ) { } @media screen and ( max-width: 767px ) { .foot_nav_met_76_2_6_bottom { display: block; } .foot_nav_met_76_2_6 .foot-nav-list .nav-item .title { margin-bottom: 5px; } .foot_nav_met_76_2_6_bottom.iskeshi { display: block; } } .foot_nav_met_76_2_6_bottom { overflow: hidden; position: fixed; bottom: 0; left:0; z-index: 999; width:100%; } .foot_nav_met_76_2_6_bottom a.item { color:; padding: 5px 0; display: inline-block; } .foot_nav_met_76_2_6_bottom a.item i { font-size: 16px; display: block; color:#ffffff; } .foot_nav_met_76_2_6_bottom a.item span { color:#ffffff; } .foot_nav_met_76_2_6_bottom.iskeshi { display: block; } .foot_nav_met_76_2_6_bottom .main { display: flex; } .foot_nav_met_76_2_6_bottom .main>div { flex:1; } .back_top_met_36_1_72.cd-top { display: inline-block; height: 40px; width: 40px; z-index: 9; position: fixed; bottom: 70px; right: 10px; color: #333333; color: ; border-radius: 50%; font-size: 26px; text-align: center; line-height: 32px; border-color:#333333; border-color:; border-width: 2px; border-style: solid; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; white-space: nowrap; background-color:#ffffff; background-color:; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .back_top_met_36_1_72.cd-top.cd-is-visible, .back_top_met_36_1_72.cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; -ms-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .back_top_met_36_1_72.cd-top.cd-is-visible { visibility: visible; opacity: 0.5; } .back_top_met_36_1_72.cd-top.cd-fade-out { opacity: .5; } .back_top_met_36_1_72.cd-top:hover { background-color: #d79f72; background-color: ; opacity: 1; color: #666666; color: #ffffff; border-color: #666666; border-color: #d79f72; } @media(max-width: 767px){ .back_top_met_36_1_72.cd-top{ bottom: 67px; } } @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .case_list_met_76_1_3 ul li { list-style: none; } .case_list_met_76_1_3 .text-center { text-align: center; } .case_list_met_76_1_3 .transition { transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; } .case_list_met_76_1_3 .middle { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .case_list_met_76_1_3 .full-img img { display: block; width: 100%; } .case_list_met_76_1_3 { background-color: #ffffff; background-color: ; background-image: url(../images/1560755001.jpg); background-size: cover; background-position: center center; } .case_list_met_76_1_3 .top-wrap { position: relative; } .case_list_met_76_1_3 .top-line:before { position: absolute; content: ''; width: 100%; height: 1px; background-color: #333333; background-color: ; right: 102%; top: 50%; } .case_list_met_76_1_3 .block-title, .case_list_met_76_1_3 .title-sub-1, .case_list_met_76_1_3 .title-sub-2 { color: #333333; color: ; } .case_list_met_76_1_3 .title-sub-1, .case_list_met_76_1_3 .title-sub-2 { display: block; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; } .case_list_met_76_1_3 .title-sub-2 { position: relative; display: inline-block; } .case_list_met_76_1_3 .block-title { position: relative; margin: 0; font-weight: normal; } .case_list_met_76_1_3 .top-btn { right: 0%; margin-right: 20px; display: block; width: 56px; height: 56px; line-height: 58px; font-size: 18px; background-color: #d79f72; background-color: ; cursor: pointer; } .case_list_met_76_1_3 .top-btn i { color: #fff; } .case_list_met_76_1_3 .top-right { display: inline-block; font-style: normal; right: 0%; background-color: #d79f72; background-color: ; word-break: break-all; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; text-overflow: ellipsis; color: #ffffff; } .case_list_met_76_1_3 .left-wrap a { display: block; } .case_list_met_76_1_3 .black-box { position: absolute; bottom: 0; left: 0; width: 100%; } .case_list_met_76_1_3 .black-box::before { display: block; content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #d79f72; background-color: #000000; opacity: 0.5; } .case_list_met_76_1_3 .black-wrap { position: relative; z-index: 1; } .case_list_met_76_1_3 .left-black { margin-bottom: 2px; padding: 10px; } .case_list_met_76_1_3 .case-title { display: inline-block; width: 100%; margin: 0; overflow: hidden; color: #333333; color: #ffffff; } .case_list_met_76_1_3 .left-black .case-title { font-size: 20px; line-height: 20px; height: 20px; } .case_list_met_76_1_3 .case-content { display: inline-block; margin: 0; font-size: 14px; line-height: 20px; max-height: 40px; text-align: justify; color: #666666; color: #ffffff; overflow: hidden; } .case_list_met_76_1_3 .swiper-pagination { bottom: 0px; left: 5px; z-index: 1; width: auto !important; } .case_list_met_76_1_3 .swiper-pagination-bullet { background-color: #fff; opacity: .5; } .case_list_met_76_1_3 .swiper-pagination-bullet-active { opacity: 1; } /* 右侧内容 */ .case_list_met_76_1_3 .case-list { margin: 0; padding: 0; font-size: 0; } .case_list_met_76_1_3 .case-item { display: inline-block; min-width: 50%; } .case_list_met_76_1_3 .case-link { display: block; position: relative; } .case_list_met_76_1_3 .right-black .case-title { font-size: 16px; } .case_list_met_76_1_3 .case-item:hover .black-box { opacity: 0; } .case_list_met_76_1_3 .case-item:hover .shade-box, .case_list_met_76_1_3 .case-item .shade-box:hover { opacity: 1; } .case_list_met_76_1_3 .shade-box { opacity: 0; } .case_list_met_76_1_3 .shade-box, .case_list_met_76_1_3 .shade-box:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .case_list_met_76_1_3 .shade-box:before { display: block; content: " "; z-index: 1; background-color: #d79f72; background-color: #000000; opacity: 0.5; } .case_list_met_76_1_3 .shade-wrap { left: 0; width: 100%; z-index: 2; font-size: 16px; color: #666666; color: #ffffff; } .case_list_met_76_1_3 .shade-wrap .case-title { margin: 0 auto 8px; display: block; max-width: 80%; } .case_list_met_76_1_3 .case-title-sub { display: inline-block; padding: 0 10px; max-width: 80%; text-align: left; line-height: 22px; min-width: 20%; max-height: 90%; font-size: 15px; border: 1px solid #666666; border: 1px solid #ffffff; } .case_list_met_76_1_3 .look-btn { display: inline-block; min-width: 15%; max-width: 100%; text-align: center; color: #d79f72; cursor: pointer; border: 1px solid transparent; border-color: #d79f72; border-color: ; overflow: hidden; } .case_list_met_76_1_3 .look-btn:hover, .case_list_met_76_1_3 .more-btn:hover { color: #ffffff; background-color: #d79f72; background-color: ; border-color: #d79f72; border-color: ; } @media screen and ( min-width: 992px ) { .case_list_met_76_1_3 { padding-top: 70px; padding-bottom: 70px; } .case_list_met_76_1_3 .title-sub-2 { width: 50%; font-size: 60px; line-height: 70px; } .case_list_met_76_1_3 .block-title { font-size: 18px; } .case_list_met_76_1_3 .top-right { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); padding: 10px 20px; font-size: 20px; } .case_list_met_76_1_3 .content-wrap { margin-top: 20px; } .case_list_met_76_1_3 .left-wrap { float: left; padding-right: 20px; width: 50%; } .case_list_met_76_1_3 .right-wrap { float: right; padding-left: 20px; width: 50%; min-height: 100px; } .case_list_met_76_1_3 .case-list .case-item { margin: 0 0 20px; max-width: 50%; } .case_list_met_76_1_3 .case-list .case-item:nth-child(2n+1) { padding-right: 10px; } .case_list_met_76_1_3 .case-list .case-item:nth-child(2n) { padding-left: 10px; } .case_list_met_76_1_3 .right-black { line-height: 32px; height: 32px; } .case_list_met_76_1_3 .look-btn { margin: 20px auto 0; padding: 0 20px; height: 44px; line-height: 44px; } .case_list_met_76_1_3 .more-btn { display: none; } } @media screen and ( max-width: 992px ) { .case_list_met_76_1_3 .top-wrap:before { opacity: 0; } .case_list_met_76_1_3 .title-sub-2 { width: 100%; font-size: 24px; line-height: 24px; } .case_list_met_76_1_3 .block-title { font-size: 14px; } .case_list_met_76_1_3 .top-btn { margin-right: 0; } .case_list_met_76_1_3 .top-right { margin-top: 5px; padding: 0 20px; line-height: 30px; height: 30px; max-width: 100%; } .case_list_met_76_1_3 .content-wrap { margin-top: 10px; } .case_list_met_76_1_3 .right-wrap { margin-top: 10px; } .case_list_met_76_1_3 .case-list { display: flex; display: -webkit-flex; overflow: scroll; -webkit-overflow-scrolling: touch; } .case_list_met_76_1_3 .case-list .case-item { padding-left: 10px; margin-bottom: 0; } .case_list_met_76_1_3 .case-list .case-item:first-child { padding-left: 0; padding-right: 5px; } .case_list_met_76_1_3 .case-list .case-item:nth-child(2) { padding-left: 5px; } .case_list_met_76_1_3 .right-black { line-height: 24px; height: 24px; overflow: hidden; } .case_list_met_76_1_3 .look-btn { display: none; margin: 10px auto 0; padding: 0 20px; height: 34px; line-height: 34px; } .case_list_met_76_1_3 .more-btn { position: relative; display: inline-block; margin-left: 10px; width: 100px; height: 100%; line-height: 100%; text-align: center; font-size: 12px; border: 1px solid transparent; border-color: #d79f72; border-color: ; color: #d79f72; color: ; } .case_list_met_76_1_3 .more-btn span { display: block; margin: 0 auto; left: 0; right: 0; font-size: 16px; line-height: 1.4; width: 32px; } } @media screen and ( min-width: 768px ) and ( max-width: 991px ) { .case_list_met_76_1_3 { padding-top: 60px; padding-bottom: 60px; } } @media screen and ( max-width: 767px ) { .case_list_met_76_1_3 { padding-top: 50px; padding-bottom: 50px; } } .swiper-sub .case_list_met_76_1_3 .top-wrap, .swiper-sub .case_list_met_76_1_3 .left-wrap, .swiper-sub .case_list_met_76_1_3 .right-wrap{ transition: 0.8s; } .swiper-sub .case_list_met_76_1_3 .top-wrap { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .swiper-sub .case_list_met_76_1_3 .left-wrap { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .swiper-sub .case_list_met_76_1_3.swiper-slide-active .left-wrap, .swiper-sub .case_list_met_76_1_3.swiper-slide-active .right-wrap, .swiper-sub .case_list_met_76_1_3.swiper-slide-active .top-wrap { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-sub .case_list_met_76_1_3.swiper-slide-active .top-wrap { opacity: 1; } .swiper-sub .case_list_met_76_1_3 .right-wrap { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .about_list_met_76_2_4 ul li { list-style: none; } .about_list_met_76_2_4 .text-center { text-align: center; } .about_list_met_76_2_4 .transition { transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; } .about_list_met_76_2_4 .middle { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .about_list_met_76_2_4 .full-img img { display: block; width: 100%; } .about_list_met_76_2_4 { background-color: #ffffff; background-color: ; background-image: url(/mstyle/upload/1/image/20190622/20190724180128.png); background-size: cover; background-position: center center; } .about_list_met_76_2_4 .content-wrap { position: relative; } .about_list_met_76_2_4 .right-wrap { position: relative; overflow: hidden; background-image: url(../images/1560752592.jpg); background-position: center center; background-size: cover; } .about_list_met_76_2_4 .right-wrap:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; background-color: ; } .about_list_met_76_2_4 .right-wrap .right-sub { position: relative; z-index: 2; width: 100%; } .about_list_met_76_2_4 .block-title h2 { margin: 0; font-size: 30px; max-height: 30px; color: #333333; color: ; line-height: 1; overflow: hidden; } .about_list_met_76_2_4 .block-title p { margin: 5px 0 0; font-size: 18px; line-height: 1; max-height: 18px; color: #666666; color: ; overflow: hidden; } .about_list_met_76_2_4 .lanm-title { margin: 20px auto 0; } .about_list_met_76_2_4 .lanm-title h3 { margin: 0; font-size: 18px; line-height: 24px; max-height: 24px; color: #333333; color: ; overflow: hidden; } .about_list_met_76_2_4 .lanm-title p { margin: 5px 0 0; font-size: 14px; line-height: 20px; max-height: 40px; color: #666666; color: ; overflow: hidden; } .about_list_met_76_2_4 .about-list { position: relative; margin-top: 40px; } .about_list_met_76_2_4 .about-item { position: relative; margin-bottom: 40px; } .about_list_met_76_2_4 .about-item a { display: block; } .about_list_met_76_2_4 .about-item:hover .about-img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .about_list_met_76_2_4 .about-img { position: relative; float: left; width: 72px; height: 72px; box-shadow: 0 0 43px 5px rgba(0,0,0,.15); overflow: hidden; } .about_list_met_76_2_4 .about-content { margin-left: 82px; height: 72px; } .about_list_met_76_2_4 .about-content h4 { margin: 0; line-height: 16px; height: 16px; font-size: 16px; color: #333333; color: ; overflow: hidden; } .about_list_met_76_2_4 .about-content p { margin: 6px 0 0; font-size: 14px; line-height: 17px; height: 50px; color: #666666; color: ; overflow: hidden; } .about_list_met_76_2_4 .about-line { position: absolute; bottom: -10px; width: 40px; height: 5px; } .about_list_met_76_2_4 .about-line:before, .about_list_met_76_2_4 .about-line:after { position: absolute; display: block; content: " "; height: 1px; } .about_list_met_76_2_4 .about-line:before { top: 0; width: 100%; background-color: #666666; background-color: ; } .about_list_met_76_2_4 .about-line:after { bottom: 0; width: 50%; background-color: #d79f72; background-color: ; } .swiper-sub .about_list_met_76_2_4 .ani-scale { transition: 0.8s; } .swiper-sub .about_list_met_76_2_4 .ani-scale { opacity: 0; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); } .swiper-sub .about_list_met_76_2_4.swiper-slide-active .ani-scale { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media screen and ( max-width: 1200px ) and ( min-width: 993px ) { .about_list_met_76_2_4 .lanm-title { margin-top: 15px; } .about_list_met_76_2_4 .right-wrap .right-sub { padding: 10px 20px !important; } .about_list_met_76_2_4 .about-list { margin-top: 26px; } .about_list_met_76_2_4 .about-item { margin-bottom: 34px; } } @media screen and ( min-width: 992px ) { .about_list_met_76_2_4 .container { padding-top: 70px; padding-bottom: 70px; } .about_list_met_76_2_4 .left-wrap { position: relative; z-index: 1; width: 33.33%; } .about_list_met_76_2_4 .right-wrap { position: absolute; top: 0; left: 33.33%; width: 66.66%; height: 100%; box-sizing: border-box; } .about_list_met_76_2_4 .right-wrap .right-sub { padding: 20px; } .about_list_met_76_2_4 .exchange-btn { display: none; } .swiper-sub .about_list_met_76_2_4 .left-wrap, .swiper-sub .about_list_met_76_2_4 .right-wrap { transition: 0.8s; } .swiper-sub .about_list_met_76_2_4 .left-wrap { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .swiper-sub .about_list_met_76_2_4.swiper-slide-active .left-wrap, .swiper-sub .about_list_met_76_2_4.swiper-slide-active .right-wrap { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-sub .about_list_met_76_2_4 .right-wrap { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @media screen and ( max-width: 991px ) { .about_list_met_76_2_4 .exchange-btn { position: absolute; top: 0; right: 0; z-index: 10; padding: 0 5px; height: 25px; line-height: 25px; font-size: 14px; text-align: center; background-color: #ffffff; background-color: ; color: #333333; color: ; } .about_list_met_76_2_4 .exchange-btn i { margin-right: 5px; } .about_list_met_76_2_4 .left-wrap { /*display: none;*/ } .about_list_met_76_2_4 .right-wrap:before { opacity: 0.95; } .about_list_met_76_2_4 .right-wrap .right-sub { padding: 20px; } .swiper-sub .about_list_met_76_2_4 .ani-top { transition: 0.8s; } .swiper-sub .about_list_met_76_2_4 .ani-top { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .swiper-sub .about_list_met_76_2_4 .ani-right { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .swiper-sub .about_list_met_76_2_4.swiper-slide-active .ani-right, .swiper-sub .about_list_met_76_2_4.swiper-slide-active .ani-top { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-sub .about_list_met_76_2_4.swiper-slide-active .ani-right, .swiper-sub .about_list_met_76_2_4.swiper-slide-active .ani-top { opacity: 1; } } @media screen and ( min-width: 768px ) and ( max-width: 991px ) { .about_list_met_76_2_4 .container { padding-top: 60px; padding-bottom: 60px; } } @media screen and ( max-width: 767px ) { .about_list_met_76_2_4 .container { padding-top: 50px; padding-bottom: 50px; } .about_list_met_76_2_4 .about-list { display: flex; display: -webkit-flex; flex-wrap: wrap; } .about_list_met_76_2_4 .about-item { width: 33.33%; } .about_list_met_76_2_4 .shadow-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .7); display: flex; display: -webkit-flex; align-items: center; justify-content: center; color: #333333; color: ; font-weight: bold; } .about_list_met_76_2_4 .about-content { display: none; } } .news_list_met_76_2_5 h2,.news_list_met_76_2_5 h1,.news_list_met_76_2_5 p,.news_list_met_76_2_5 ul,.news_list_met_76_2_5 li { margin: 0; padding: 0; } .news_list_met_76_2_5 ul li { list-style: none; } .news_list_met_76_2_5 .text-center { text-align: center; } .news_list_met_76_2_5 .transition { transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; } .news_list_met_76_2_5 .middle { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .news_list_met_76_2_5 .full-img img { display: block; width: 100%; } .news_list_met_76_2_5 .float-left { float: left; } .news_list_met_76_2_5 .float-right { float: right; } .news_list_met_76_2_5 { background-color: #ffffff; background-color: ; background-image: url(../images/1560756021.png); background-size: cover; background-position: center center; } .news_list_met_76_2_5 .title-block { position: relative; } .news_list_met_76_2_5 .block-title, .news_list_met_76_2_5 .title-sub-1, .news_list_met_76_2_5 .title-sub-2 { line-height: 1; color: #333333; color: ; } .news_list_met_76_2_5 .title-sub-1, .news_list_met_76_2_5 .title-sub-2 { display: block; font-family: Georgia, "Times New Roman", Times, serif; } .news_list_met_76_2_5 .title-sub-2 { position: relative; display: inline-block; width: 100%; } .news_list_met_76_2_5 .block-title { position: relative; margin: 0; font-weight: normal; } .news_list_met_76_2_5 .top-btn { right: 0%; display: block; width: 56px; height: 56px; line-height: 58px; font-size: 18px; background-color: #d79f72; background-color: ; cursor: pointer; } .news_list_met_76_2_5 .top-btn i { color: #fff; } .news_list_met_76_2_5 .top-content-img { display: none; } .news_list_met_76_2_5 .bottom-wrap { margin-top: 20px; width: 100%; min-height: 100px; } .news_list_met_76_2_5 .article-container { position: relative; display: block; } .news_list_met_76_2_5 .article-container .article-wrap { padding: 10px; display: block; } .news_list_met_76_2_5 .category-title { font-size: 14px; color: #666666; color: ; } .news_list_met_76_2_5 .news-title { position: relative; display: block; margin: 0; padding: 8px 0; white-space: nowrap; text-overflow: ellipsis; font-size: 24px; color: #333333; color: ; overflow: hidden; } .news_list_met_76_2_5 .news-title:before { content: " "; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #666666; background-color: ; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -moz-transform: scaleY(0.5); -ms-transform: scaleY(0.5); -o-transform: scaleY(0.5); } .news_list_met_76_2_5 .news-msg { display: block; margin: 10px 0 5px; max-height: 54px; font-size: 14px; line-height: 18px; color: #666666; color: ; text-align: justify; overflow: hidden; } .news_list_met_76_2_5 .article-wrap .icon { font-size: 20px; color: #666666; color: ; } { display: block; width: 79%; } @media screen and ( min-width: 992px ) { .news_list_met_76_2_5 { padding-top: 70px; padding-bottom: 70px; } .news_list_met_76_2_5 .title-block { width: 50%; min-height: 100px; } .news_list_met_76_2_5 .title-sub-2 { font-size: 60px; } .news_list_met_76_2_5 .title-sub-1, .news_list_met_76_2_5 .block-title { font-size: 18px; } .news_list_met_76_2_5 .top-btn { margin-right: 20px; } .news_list_met_76_2_5 .top-content-img { position: relative; display: block; width: 45%; min-height: 100px; } .news_list_met_76_2_5 .title-block-content + .article-wrap { display: block; margin-top: 10px; margin-right: 20%; } .news_list_met_76_2_5 .article-container .article-wrap { position: absolute; top: 50%; right: 10px; padding: 10px; width: 52%; display: block; background-color: #ffffff; background-color: ; box-shadow: 0 0 10px rgba(0,0,0,0.2); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .news_list_met_76_2_5 .top-content-img .news-img, .news_list_met_76_2_5 .article-container .news-img { display: block; width: 79%; } .news_list_met_76_2_5 .swiper-wrapper .swiper-slide:nth-child(2n+1) .article-container { margin-right: 10%; } .news_list_met_76_2_5 .swiper-wrapper .swiper-slide:nth-child(2n) .article-container { margin-left: 10%; } .news_list_met_76_2_5 .swiper-wrapper .swiper-slide:nth-child(1), .news_list_met_76_2_5 .swiper-wrapper .swiper-slide:nth-child(2) { display: none; } } @media screen and ( max-width: 991px ) { .news_list_met_76_2_5 .title-block { width: 100%; } .news_list_met_76_2_5 .top-content-img { display: none; } .news_list_met_76_2_5 .title-sub-1, .news_list_met_76_2_5 .block-title { font-size: 20px; } .news_list_met_76_2_5 .title-sub-2 { font-size: 24px; line-height: 24px; } .news_list_met_76_2_5 .swiper-container { padding-bottom: 10px; } .news_list_met_76_2_5 .swiper-pagination-bullet-active { background-color: #d79f72; background-color: ; } .news_list_met_76_2_5 .swiper-pagination { bottom: 0; } } @media screen and ( min-width: 768px ) and ( max-width: 991px ) { .news_list_met_76_2_5 { padding-top: 60px; padding-bottom: 60px; } .news_list_met_76_2_5 .swiper-wrapper .swiper-slide .article-container { padding: 0 10px; } .news_list_met_76_2_5 .title-block-content + .article-wrap { display: block; margin-top: 10px; } .news_list_met_76_2_5 .swiper-wrapper .swiper-slide:nth-child(1) { display: none; } } @media screen and ( max-width: 767px ) { .news_list_met_76_2_5 { padding-top: 50px; padding-bottom: 50px; } .news_list_met_76_2_5 .title-sub-1, .news_list_met_76_2_5 .block-title { font-size: 18px; } .news_list_met_76_2_5 .title-block-content + .article-wrap { display: none; } } .swiper-sub .news_list_met_76_2_5 .ani-top, .swiper-sub .news_list_met_76_2_5 .ani-bottom { transition: 0.8s; } .swiper-sub .news_list_met_76_2_5 .ani-top { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .swiper-sub .news_list_met_76_2_5 .ani-bottom { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .swiper-sub .news_list_met_76_2_5.swiper-slide-active .ani-top, .swiper-sub .news_list_met_76_2_5.swiper-slide-active .ani-bottom { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }